$(function(){
    // id或类名不要手写，去html中找到 cv就行
    $('#link_reg').click(function(){
        $('.login-box').hide();
        $('.reg-box').show();
    })
    $('#link_login').click(function(){
        $('.login-box').show();
        $('.reg-box').hide();
    })

    // 表单校验自定义规则
    layui.form.verify({
        pwd:[/^\S{6,12}$/,'密码长度是6-12位非空格组成'],
        repwd:function(value,item){
            if(value != $(item).parent().prev().find('input').val()){
                return '两次输入的密码不一致'
            }
        }
    })
    
    // 注册功能 Ajax请求
    $('#form_reg').submit(function(e){
        console.log(11111);
        //阻止默认事件
        //preventDefault()[dom标准写法(ie678不兼容)]
        //ie678用returnValue
        //或者利用return false也能阻止默认行为,没有兼容问题(只限传统注册方式)
        e.preventDefault();
        $.post('http://api-breakingnews-web.itheima.net/api/reguser',{
            username:$('#reg_username').val(),
            password:$('#reg_password').val(),
        },function(res){
            if(res.status != 0){
                console.log(res);
                console.log(res.message);
                return layui.layer.msg(res.message)
            }
            layui.layer.msg('注册成功')
            // 用户注册成功了，自动跳转到登录页面
            $('#link_login').click();// js模拟鼠标点击
        })
    })

    // 登录功能
    $('#form_login').submit(function(e){
        e.preventDefault();
        // console.log(123);
        $.ajax({
            method:'POST',
            url:'/api/login',
            data:{
                username:$('#login_username').val(),
                password:$('#login_password').val(),
            },
            success:function(res){
                console.log(res);
                if(res.status != 0) {
                    return layui.layer.msg('登陆失败！')
                }
                layui.layer.msg('登陆成功！')
                // 登录页面 售票台 给我们一张门票
                // 后台首页 看电影的地方 凭证 权限
                // 登陆成功之后跳转到后台首页
                // 将登陆成功得到的token字符串，保存到localStorage中（本地存储）
                localStorage.setItem('token',res.token)
                // // 跳转到后台主页
                location.href = './index.html'
            }
        })
    })
})


